<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" >
		<title>马允</title>
		<link rel="stylesheet" type="text/css" href="../css/myself.css">	<!--外部样式-->
	</head>
	<body>
		<div>
			<h1 style="color: blue;">@About Me</h1>
		</div>
			<!--导航链接-->
			<div id="nav">	
				<ul>
					<li>
						<a href="../files/myschool.html">My school</a>
					</li>
					<li>
						<a href="../files/myhome.html">My home</a>
					</li>
					<li>
						<a href="../files/me.html" style="color:red;">Me</a>
					</li>
					<li>
						<a href="../files/music.html">Music</a>
					</li>
				</ul>
			</div>

			<!-- 第二部分 -->
			<div class="total">
				<!-- 调查问卷 -->
				<h2 style="color:blue">@调查问卷</h2>
				<from  id="feedback" method="post">
					<fieldset>
						<legend style="color: blue;">调查问卷第一部分</legend>
						<div>
							<label for="favorte" style="color: blue;">你心目中的我的形象！</label>
							<input id="favorite" name="favorite" type="text" placeholder="有担当...." required aria-required="true" style="opacity:0.6;color: steelblue;"/>
						</div>

						<div>
							<label for="awardwon" style="color: blue;">你喜欢我的原因？</label>
							<input id="awardwon" name="awardwon" type="text" list="awards" style="color: blue;"/>
							<datalist id="awards">
								<select>
									<option value="有胆大" style="color: blue;"></option>
									<option value="对生活积极向上" style="color: blue;"></option>
									<option value="不甘心命运的安排" style="color: blue;"></option>
									<option value="......"></option>
								</select>
							</datalist>
						</div>

						<div>
							<label for="whyitswrong" style="color: blue;">你认为我还需要改进的地方是？</label><br>
							<textarea id="hyitswrong" name="whyitswrong" placeholder="请表达出你的想法," required aria-required="true" ></textarea>
						</div>
						<div>
							<label for="howyouratelt" style="color: blue;">你给我的评分是（10分为满分）</label>
							<input id="howyouratelt" name="howyouratelt" type="range" min="1" max="10" value="8" onchange="showvalue(this.value)"> <span id="range">8</span>
						</div>
						<script>
							function showvalue(newvalue)
							{
								document.getElementById("range").innerHTML=newvalue;
							}
						</script>
					</fieldset>
					<br>
				</from>
				<!--邮箱链接-->
				<div>
					<h2 style="color:blue">@联系方式</h2>
					<p  style="color: blue;">请将你对我想说的悄悄话发至我的邮箱!</p>	
					</form>
					<form action="mailto://2689244018@qq.com">
						<textarea>那你喜欢我吗!</textarea><br/>
						<button type="submit" style="color: steelblue;">提交</button>
					</form>
				</div>
			</div>								
	</body>	
</html>




